<template>
    <div class="result-page">
        <van-sticky>
            <van-nav-bar title="审核结果" left-text="" left-arrow @click-left="onClickLeft" />
        </van-sticky>
        <div class="content">
            <img src="../assets/result.png" alt="" srcset="">
            <h3>我们已收到您提交的相关资料!</h3>
            <div class="title">经系统评估，您本次批款 {{ loanLimit }}，具体额度以实际审批为准。 放款时{{ showInfo }}</div>
            <div class="time">时间：{{ nowTime }}</div>
        </div>
    </div>
</template>

<script setup lang="ts">
import dayjs from "dayjs"
import { useRoute } from "vue-router";

const route = useRoute()

const showInfo = route.query.showInfo
const loanLimit = route.query.loanLimit
document.title = '审核结果'
const onClickLeft = () => history.back();
const nowTime = dayjs().format('YYYY年M月D日 HH:mm:ss')
</script>

<style lang="scss" scoped>
.result-page {
    background-color: var(--app-bg);
    height: 100vh;

    .content {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 20px 0;
        font-size: 14px;

        h3 {
            font-size: 18px;
        }

        .title {
            color: #333;
            font-size: 16px;
            padding: 0 10px;
        }

        .time {
            color: #aaa;
            margin-top: 20px;
        }
    }
}
</style>
